<ion-view view-title="{{viewTitle}}">
    <!--
        delegate-handle: 详见 $ionicScrollDelegate 使用情况
        direction: 运行出现滚动的方向
        locking:
        scrollbar-x, scrollbar-y: 是否显示滚动条
        start-x, start-y: 滚动开始位置
        on-scroll: 滚动事件
        on-scroll-complete: 滚动完成时触发事件
        has-bouncing: 是否允许有会弹效果
        scroll-event-interval: 每间隔多少毫秒触发 on-scroll 事件
     -->
    <ion-content
            delegate-handle=""
            direction="xy"
            locking="true"
            padding="true"
            scrollbar-x="false"
            overflow-scroll="false"
            start-y="100"
            on-scroll="$ctrl.onScroll()"
            on-scroll-complete="$ctrl.onScrollComplete()"
            has-bouncing="true"
            scroll-event-interval="300"
            scroll="true">
        <div style="width: 150vw; height: 150vh; display: flex; flex-wrap: wrap; align-content: space-between;">
            <div style="display: flex; flex-basis: 100%; justify-content: space-between;">
                <span>top left</span>
                <span>top right</span>
            </div>
            <div style="display: flex; flex-basis: 100%; justify-content: space-between;">
                <span>bottom left</span>
                <span>bottom right</span>
            </div>
        </div>
    </ion-content>
</ion-view>